nav .navbar .links li:first-child a{
  color: #ffffff;
}
nav .navbar .links li:nth-child(5) a{
  color: #f6dc69;
}

nav .navbar .links li .sub-menu li a {
  color: white;
}

.header-banner{
  max-width: 1800px;
  margin: auto;
  height: 300px;
  background: linear-gradient(to top, rgba(3, 56, 72, 0.968), rgba(3, 60, 122, 0), rgba(4, 68, 104, 0.889)), url(../images/Join\ Us2.jpg);
  background-position: center;
  background-size: 100% 220%;
  text-align: center;
  color: rgb(255, 255, 255);
  position: relative;
  padding-top: 180px;

}

.header-banner h1{
  font-size: 45px;
  font-weight: bold;
  place-items: center;
}

.text-area{
  max-width: 1800px;
  margin: auto;
  padding:3% 5%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  place-items: center;
}


.text-area .tx{
  width: 50%;
}


.text-area h1{
  color: #104c74;
  font-weight: 700;
  font-size: 45px;
}

.text-area button{
  padding:10px 20px;
  border: none;
  color: #104c74;
  background-color: #f6dc69;
  margin-top: 20px;
}

.text-area img{
  width: 40%;
}
.sec12{
  background-color: transparent;
}
.sec12 form h3 {
  color: #104c74;
  font-weight: 600;
}
.sec12 .text img{
  width: 80%;
}
.sec12 form input{
  color: black;
}
.sec12 form textarea {
  color: black;
}
.sec12 form button{
  background-color: #f6dc69;
  color: #104c74;
  font-weight: 600;
}



.sec8 img {
  width: 50%;
}

.sec8 .text h1 {
  font-size: 45px;
}


.sec8b img{
  margin-left: -5%;
  margin-right: -5%;
}

.sec8b .text{
  margin-right: 5%;
}


  @media screen and (max-width: 900px) {

    .header-banner{
      background-size: 100% 100%;
      height: 220px;
      margin-top: -50px;
      padding-top: 130px;
    }
    .header-banner h1{
      font-size: 28px;
      color: #fefefe;
    }

    .text-area{
      flex-wrap: wrap-reverse;
    }

    .text-area2{
      flex-wrap: wrap;
    }

    .text-area h1{
      font-size: 28px;
      margin-top: 20px;
    }
    .text-area p{
      text-align: justify;
    }
    
    .sec12 .text img{
      display: none;
    }


    .sec8 img {
      width: 100%;
    }

    .sec8b{
      flex-wrap: wrap;

    }


    .sec8 .text h1 {
      font-size: 28px;
    }



    
.text-area .tx{
  width: 100%;
}


.text-area img{
  width: 100%;
}



}